.block-item {
  position: relative;
  display: block;
  padding: 10px;
  line-height: 1.5;
  border: 0;
  -webkit-border-image: url("https://b.yzcdn.cn/v2/image/wap/border-line-2.png") 2 stretch;
  -moz-border-image: url("https://b.yzcdn.cn/v2/image/wap/border-line-2.png") 2 stretch;
  border-image: url("https://b.yzcdn.cn/v2/image/wap/border-line-2.png") 2 stretch;
  border-top: 2px solid #e5e5e5;
  overflow: hidden
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
  .block-item {
    border-top-width: 1px
  }
}

.block-item .btn-auth-code {
  position: absolute;
  top: 6px;
  right: 0;
  height: 30px;
  line-height: 30px;
  padding-left: 7px;
  padding-right: 7px;
  font-weight: bold
}

.block-item .verify-image {
  position: absolute;
  width: 80px;
  height: 30px;
  right: 10px;
  top: 7px
}

.block-item.border-none {
  border-top: 0
}

.block-item ul {
  padding-right: 50px
}

.block-item ul em {
  color: #999
}

.block-item h4.block-item-title {
  line-height: 22px;
  float: left;
  margin-right: 10px
}

.block {
  -webkit-border-image: url("https://b.yzcdn.cn/v2/image/wap/border-line-2.png") 2 stretch;
  -moz-border-image: url("https://b.yzcdn.cn/v2/image/wap/border-line-2.png") 2 stretch;
  border-image: url("https://b.yzcdn.cn/v2/image/wap/border-line-2.png") 2 stretch;
  border-top: 2px solid #e5e5e5;
  border-bottom: 2px solid #e5e5e5;
  overflow: hidden;
  margin: 10px 0;
  background-color: #fff;
  display: block;
  position: relative;
  font-size: 14px
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
  .block {
    border-top-width: 1px;
    border-bottom-width: 1px
  }
}

.block.top-0 {
  margin-top: 0
}

.block.bottom-0 {
  margin-bottom: 0
}

.block.border-top-0 {
  border-top: 0
}

.block.border-bottom-0 {
  border-bottom: 0
}

.block.border-0 {
  border-top: 0;
  border-bottom: 0
}

.block:first-child {
  margin-top: 0
}

.block .bottom {
  padding: 10px;
  height: 18px;
  line-height: 18px
}

.block .bottom .price {
  float: right;
  color: #f60
}

.block p {
  overflow: hidden
}

.block.block-list {
  margin: 0;
  padding: 0;
  padding-left: 10px;
  list-style: none;
  font-size: 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.block.block-list.margin-top-normal {
  margin-top: 20px
}

.block-list.wf {
  padding-left: 0
}

.block-list.wf .b-list {
  padding-left: 10px;
  background-color: #fff
}

.block-list>.block-item {
  padding: 10px 10px 10px 0
}

.block-list>.block-item:first-child {
  border-top: 0px none
}

.block.block-list+.block.block-list {
  margin-top: 12px
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3 / 2),
only screen and (min-device-pixel-ratio: 1.5) {
  .block.block-list li span.clear {
    background: url("/v2/image/wap/icon_clear@2x.png") center center no-repeat;
    background-size: 100%
  }
}

.form {
  width: 100%;
  margin: 0;
  padding: 0;
  padding-left: 10px;
  padding-right: 10px;
  list-style: none;
  font-size: 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.form.mg-top-20 {
  margin-top: 20px
}

.form.mg-bottom-20 {
  margin-bottom: 20px
}

.form .block-item.no-top-border {
  border-top-width: 0px
}

.form>.block-item:first-child {
  border-top: 0px none
}

.form .block-item {
  display: table;
  width: 100%;
  padding: 0
}

.form .block-item label {
  display: table-cell;
  width: 90px;
  line-height: 28px;
  padding: 10px 0
}

.form .block-item textarea,
.form .block-item input,
.form .block-item select,
.form .block-item a,
.form .block-item span {
  display: table-cell;
  overflow: hidden;
  padding: 10px 0;
  min-height: 28px;
  line-height: 28px;
  font-size: 14px
}

.form .block-item textarea,
.form .block-item input,
.form .block-item select {
  width: 99%;
  background-color: #fff;
  border: 0px none;
  outline: none
}

.form .block-item textarea {
  height: 50px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  resize: none
}

.form .block-item:last-child {
  border-bottom: 0px none
}

.circular {
  border-radius: 320px
}

.circular.nested {
  position: relative
}

.circular.nested .circular {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto
}

body.has-bottom-nav {
  padding-bottom: 51px
}

.mj-bottom-nav {
  position: fixed;
  width: 100%;
  height: 50px;
  bottom: 0;
  background-color: #fff;
  z-index: 999;
  -webkit-border-image: url("https://b.yzcdn.cn/v2/image/wap/border-line-2.png") 2 stretch;
  -moz-border-image: url("https://b.yzcdn.cn/v2/image/wap/border-line-2.png") 2 stretch;
  border-image: url("https://b.yzcdn.cn/v2/image/wap/border-line-2.png") 2 stretch;
  border-top: 2px solid #e5e5e5
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
  .mj-bottom-nav {
    border-top-width: 1px
  }
}

.mj-bottom-nav ul {
  position: relative;
  height: 100%;
  zoom: 1
}

.mj-bottom-nav ul:after {
  content: '';
  display: table;
  clear: both
}

.mj-bottom-nav li {
  display: block;
  float: left;
  width: 25%;
  height: 100%
}

.mj-bottom-nav a {
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 8px;
  text-align: center;
  font-size: 10px
}

.mj-bottom-nav [class^="icon-"] {
  display: block;
  width: 22px;
  height: 22px;
  margin: auto;
  margin-bottom: 4px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto
}

.mj-bottom-nav .icon-home {
  background-image: url("")
}

.mj-bottom-nav .icon-category {
  background-image: url("")
}

.mj-bottom-nav .icon-cart {
  background-image: url("")
}

.mj-bottom-nav .icon-user {
  background-image: url("")
}

.mj-bottom-nav .active a {
  color: #ff6366
}

.mj-bottom-nav .active .icon-home {
  background-image: url("")
}

.mj-bottom-nav .active .icon-category {
  background-image: url("")
}

.mj-bottom-nav .active .icon-cart {
  background-image: url("")
}

.mj-bottom-nav .active .icon-user {
  background-image: url("")
}

.tag {
  display: inline-block;
  background-color: transparent;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  text-align: center;
  margin: 0;
  color: #999;
  font-size: 12px;
  line-height: 12px;
  padding: 4px
}

.tag-big {
  font-size: 14px;
  line-height: 18px
}

.tag.tag-green {
  color: #06bf04;
  border-color: #0c3
}

.tag.tag-orange {
  color: #f60;
  border-color: #f60
}

.tag.tag-orangef60 {
  color: #f60;
  border-color: #f60
}

.tag.tag-white {
  color: #333;
  border-color: #bbb
}

.tag.tag-blue {
  color: #38f;
  border-color: #38f
}

.tag.tag-red {
  color: #ed5050;
  border-color: #ed5050
}

.tag.tag-pink {
  color: #ee614b;
  border-color: #ee614b
}

.tag.disabled {
  background-color: #ddd !important;
  background-image: none !important;
  border: 1px solid transparent !important;
  color: #fff !important
}

.btn-1-1,
.btn-2-1,
.btn-3-1 {
  display: inline-block;
  padding: 0 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.btn-1-1 .tag,
.btn-1-1 .btn,
.btn-2-1 .tag,
.btn-2-1 .btn,
.btn-3-1 .tag,
.btn-3-1 .btn {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.btn-1-1 {
  width: 100%;
  padding-left: 0
}

.btn-1-1 .tag,
.btn-1-1 .btn {
  width: 50% !important
}

.btn-2-1 {
  width: 49.5%
}

.btn-3-1 {
  width: 33.3%
}

.action-container {
  padding: 0 10px;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 0
}

.action-container>div {
  margin-bottom: 0
}

.action-container>div:last-child {
  margin-bottom: 0
}

.action-container>button,
.action-container>.btn {
  margin-bottom: 10px
}

.action-container>button:last-child,
.action-container>.btn:last-child {
  margin-bottom: 0
}

.wrapper-form .form-item {
  position: relative;
  margin-top: 10px
}

.wrapper-form .form-item label {
  position: absolute;
  top: 1px;
  left: 10px;
  line-height: 45px;
  z-index: 1;
  color: #666
}

.wrapper-form .form-item textarea,
.wrapper-form .form-item input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  line-height: 18px;
  padding: 12px 10px 12px 68px;
  border: 1px solid #ddd;
  border-radius: 5px;
  font-size: 14px;
  outline: none;
  opacity: 1;
  -webkit-appearance: none
}

.wrapper-form .form-item input[disabled='disabled'] {
  background: #f8f8f8
}

.wrapper-form .form-item:first-child {
  margin-top: 0
}

.btn-1-1,
.btn-2-1,
.btn-3-1 {
  display: inline-block;
  padding: 0 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.btn-1-1 .tag,
.btn-1-1 .btn,
.btn-2-1 .tag,
.btn-2-1 .btn,
.btn-3-1 .tag,
.btn-3-1 .btn {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.btn-1-1 {
  width: 100%;
  padding-left: 0
}

.btn-1-1 .tag,
.btn-1-1 .btn {
  width: 50% !important
}

.btn-2-1 {
  width: 49.5%
}

.btn-3-1 {
  width: 33.3%
}

.action-container {
  padding: 0 10px;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 0
}

.action-container>div {
  margin-bottom: 0
}

.action-container>div:last-child {
  margin-bottom: 0
}

.action-container>button,
.action-container>.btn {
  margin-bottom: 10px
}

.action-container>button:last-child,
.action-container>.btn:last-child {
  margin-bottom: 0
}

.popout-box .header {
  position: relative;
  margin-bottom: 10px;
  -webkit-border-image: url("https://b.yzcdn.cn/v2/image/wap/border-line-2.png") 2 stretch;
  -moz-border-image: url("https://b.yzcdn.cn/v2/image/wap/border-line-2.png") 2 stretch;
  border-image: url("https://b.yzcdn.cn/v2/image/wap/border-line-2.png") 2 stretch;
  border-bottom: 2px solid #e5e5e5
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
  .popout-box .header {
    border-bottom-width: 1px
  }
}

.popout-box .header h2 {
  margin-bottom: 16px;
  line-height: 16px;
  font-size: 16px
}

.popout-box .action-container {
  margin: 10px 0 0 0;
  padding: 0
}

.popout-box .action-container .btn.btn-block {
  font-size: 14px
}

.popout-login .wrapper-form {
  padding-top: 10px
}

.popout-login .wrapper-form .verify-image {
  position: absolute;
  right: 0px;
  top: 7px;
  width: 80px;
  height: 30px
}

.popout-login .wrapper-form .btn-auth-code {
  position: absolute;
  right: 0;
  top: 0;
  width: 80px;
  padding: 15px 4px;
  border-radius: 5px
}

.popout-login .wrapper-form .txt-cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0
}

.popout-login .wrapper-form .txt-cover-half {
  right: 90px
}

.popout-login .wrapper-form .error {
  margin-top: 10px;
  word-break: break-word
}

.popout-login .bottom-tips {
  padding-top: 16px;
  font-size: 0
}

.popout-login .bottom-tips .inline-item {
  padding: 0 10px;
  border-right: 1px solid #e5e5e5;
  font-size: 12px
}

.popout-login .bottom-tips .inline-item:last-child {
  padding-right: 0px;
  border-right: 0px none
}

.user-infos {
  position: relative;
  height: 90px;
  padding: 15px 0 15px 15px;
  margin-bottom: 0;
  background-color: #FC5050;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.user-infos .avatar {
  width: 60px;
  height: 60px;
  margin-right: 16px
}

.user-infos .avatar .img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover
}

.user-infos .desc {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  color: #fff
}

.user-infos .desc a {
  color: #fff
}

.user-infos .icon-right {
  position: relative;
  padding-right: 24px
}

.user-infos .icon-right:after {
  position: absolute;
  display: block;
  content: ' ';
  width: 10px;
  height: 10px;
  top: 5px;
  right: 0;
  background-image: url("");
  background-size: 100% auto
}

.order-related .other-shop {
  font-size: 12px
}

.order-related .other-shop a {
  color: #07d
}

.order-related {
  margin-bottom: 12px
}

.order-related .uc-order {
  width: 100%;
  padding: 10px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff
}

.order-related .uc-order p {
  line-height: 20px
}

.order-related .uc-order.list-horizon {
  padding: 10px 0
}

.order-related .uc-order.list-horizon>li {
  display: inline-block;
  width: 20%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left
}

.order-related .uc-order.list-horizon .link {
  display: block;
  padding: 42px 0 10px;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center 12px
}

.order-related .uc-order.list-horizon .title-num {
  position: absolute;
  left: 50%;
  top: 2px;
  height: 16px;
  line-height: 16px;
  padding: 0 5px;
  margin-left: 1px;
  border-radius: 10px;
  border: 2px solid #fff;
  font-size: 10px;
  color: #fff;
  background-color: #f76161
}

.order-related .uc-order.list-horizon .link-topay {
  background-image: url("https://b.yzcdn.cn/v2/image/wap/uc/order_list/icon_topay@2x.png")
}

.order-related .uc-order.list-horizon .link-totuan {
  background-image: url("https://b.yzcdn.cn/v2/image/wap/uc/order_list/icon_daijiedan@2x.png")
}

.order-related .uc-order.list-horizon .link-tosend {
  background-image: url("https://b.yzcdn.cn/v2/image/wap/uc/order_list/icon_tosend@2x.png")
}

.order-related .uc-order.list-horizon .link-send {
  background-image: url("https://b.yzcdn.cn/v2/image/wap/uc/order_list/icon_send@2x.png")
}

.order-related .uc-order.list-horizon .link-sign {
  background-image: url("https://b.yzcdn.cn/v2/image/wap/uc/order_list/icon_sign@2x.png")
}

.order-related .uc-order.list-horizon .link-rights {
  background-image: url("")
}

.order-related .uc-order.list-horizon .title-info {
  text-align: center;
  line-height: 20px
}

.order-related .block.block-list.list-vertical>a.link {
  padding-left: 38px;
  padding-right: 28px
}

.order-related .block.block-list.list-vertical>a.link::before {
  content: '';
  position: absolute;
  top: 8px;
  left: 5px;
  width: 26px;
  height: 26px;
  background-image: url("https://img.yzcdn.cn/public_files/2016/10/20/e43d97b09839ed5ed872d5c5e6bc9400.png");
  background-repeat: no-repeat;
  background-size: 18px 364px
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
  .order-related .block.block-list.list-vertical>a.link::before {
    background-image: url("https://img.yzcdn.cn/public_files/2016/10/20/e43d97b09839ed5ed872d5c5e6bc9400.png")
  }
}

.order-related .block.block-list.list-vertical>a.link.ico-order::before {
  background-position: 4px 3px
}

.order-related .block.block-list.list-vertical>a.link.ico-favior::before {
  background-position: 4px -25px
}

.order-related .block.block-list.list-vertical>a.link.ico-shop::before {
  background-position: 4px -52px
}

.order-related .block.block-list.list-vertical>a.link.ico-bought::before {
  background-position: 4px -80px
}

.order-related .block.block-list.list-vertical>a.link.ico-history::before {
  background-position: 4px -108px
}

.order-related .block.block-list.list-vertical>a.link.ico-coupon::before {
  background-position: 4px -136px
}

.order-related .block.block-list.list-vertical>a.link.ico-luckymoney::before {
  background-position: 4px -164px
}

.order-related .block.block-list.list-vertical>a.link.ico-backs::before {
  background-position: 4px -192px
}

.order-related .block.block-list.list-vertical>a.link.ico-ecard::before {
  background-position: 4px -220px
}

.order-related .block.block-list.list-vertical>a.link.ico-setting::before {
  background-position: 4px -248px
}

.order-related .block.block-list.list-vertical>a.link.ico-help::before {
  background-position: 4px -305px
}

.order-related .block.block-list.list-vertical>a.link.ico-join::before {
  background-position: 4px -278px
}

.order-related .block.block-list.list-vertical>a.link.ico-card::before {
  background-position: 4px -334px
}

.order-related .block.block-list.list-vertical>a.link p::after {
  content: '';
  position: absolute;
  width: 7px;
  height: 7px;
  border-top: 2px solid #cbc9cc;
  border-right: 2px solid #cbc9cc;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 16px;
  right: 12px
}

.order-related .block.block-list.list-vertical>a.link .present-num {
  float: right;
  color: #f60;
  font-size: 13px
}

.setting .block.block-list>a.link {
  padding-left: 0;
  padding-right: 28px
}

.setting .block.block-list>a.link p::after {
  content: '';
  position: absolute;
  width: 7px;
  height: 7px;
  border-top: 2px solid #cbc9cc;
  border-right: 2px solid #cbc9cc;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  margin-top: -4px;
  right: 12px
}

.addresses .block.block-list>a.link {
  padding-left: 28px;
  padding-right: 28px
}

.addresses .block-item.default:before {
  content: ' ';
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background: url("/v2/image/wap/icon_check_circle_checked@2x.png") center center no-repeat;
  background-size: 100% auto
}
